<html>
    <head>
        <title>主题系统 Theme System</title>
    </head>
    <body>
        <script>
             /*
                     二、主题系统   Theme System

                                    ABP提供了一个完整的Theming系统，其目标如下：

                                            ①、可重用的模块的主题都是独立的，因此它们可以与任何UI主题一起使用。

                                            ②、UI主题由最终应用程序决定。

                                            ③、该主题通过NuGet/NPM包分发，因此易于升级。

                                            ④、最终应用程序可以自定义所选主题。


                                    1、当前主题   Current Themes

                                                    目前，官方提供了三个主题：

                                                        ①、Basic Theme（基本主题） ： 具有普通Bootstrap风格的极简主义主题。它是开源和免费的。

                                                        ②、Lepton主题是由核心ABP团队开发的"商业主题"，是ABP许可证的一部分。

                                                        ③、LeptonX主题是一个同时具有商业和lite(免费精简版)选项的主题。

                                                    ABP也有一些社区驱动的主题（您可以在网络上搜索）。
               
                                    2、前端基础库  Base Libraries

                                                    所有主题都预装并支持一组标准JavaScript/CSS库：

                                                        ①、Twitter Bootstrap作为基本的超文本标记语言/CSS框架。
                                                        
                                                        ②、 用于DOM操作的JQuery。

                                                        ③、 DataTables.Net用于数据网格。

                                                        ④、用于客户端的JQuery验证和不显眼的验证
                    
                                                        ⑤、FontAwese作为基本的CSS字体库。

                                                        ⑥、SweetAlert显示精美的警报消息和确认对话框。

                                                        ⑦、Toastr显示通知。

                                                        ⑧、 Lodash作为通用工具库。

                                                        ⑨、 Luxon用于日期/时间操作。

                                                        ⑩、 JQuery Form用于AJAX表单的JQuery Form。

                                                        ⑪、bootstrap-datepicker显示日期选择器。

                                                        ⑫、Select2选择/组合框。

                                                        ⑬、Timeago显示自动更新的模糊时间戳

                                                        ⑭、malihu-custom-scrollbar-plugin用于自定义滚动条。


                                                您可以直接在应用程序中使用这些库，而无需手动导入页面。
               
                                    3、布局  Layouts

                                                主题提供标准布局。因此，您拥有已实现标准功能的响应式布局。下面的屏幕截图取自基本主题的应用程序布局：

                                                有关更多布局选项和其他详细信息，请参阅主题文档: https://abp.io/docs/latest/framework/ui/mvc-razor-pages/theming
               

                                    4、布局零件
                                    
                                                一个典型的布局由多个部分组成。

                                                Theming系统提 供菜单(menus)、工具栏(toolbars)、布局挂钩(layout hooks)等来动态控制您的应用程序和您正在使用的模块的布局
                */
        </script>
    </body>
</html>